<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>微信支付</title>
</head>
<body>
    <script src="__STATIC__/public/js/jquery-1.10.2.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
        $(function(){
            wx.config({
                debug: false,
                appId: '<?php echo $signPackage["appId"];?>',
                timestamp: '<?php echo $signPackage["timestamp"];?>',
                nonceStr: '<?php echo $signPackage["nonceStr"];?>',
                signature: '<?php echo $signPackage["signature"];?>',
                jsApiList: [
                    'chooseWXPay'
                ]
            });
            var id = '{$id}';
            $.post('{:url("jsapi")}', {id: id}, function(ret){
                if (ret.status == 0) {
                    wx.chooseWXPay({
                        timestamp: ret.data.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
                        nonceStr: ret.data.nonceStr, // 支付签名随机串，不长于 32 位
                        package: ret.data.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）
                        signType: ret.data.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
                        paySign: ret.data.paySign, // 支付签名
                        success: function (res) {
                            // 支付成功后的回调函数
                            alert('支付成功');
                        },
                    });
                }
            }, 'json');
        })
    </script>
</body>
</html>